<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <style>
      body {
        background-color: #ffebcd;
        display: flex;
        justify-content: center;
      }
      .autostyle2 {
        color: red;
        font-size: 20px;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <form action="#">
      <table>
        <tr class="autostyle2">
          <td colspan="2">OrderFoodOnline</td>
        </tr>
        <tr>
          <td><label for="name">Name:</label></td>
          <td>
            <input
              type="text"
              name="usrname"
              id="name"
              placeholder="请写下您的大名!"
              required
            />
          </td>
        </tr>
        <tr>
          <td><label for="date">Date:</label></td>
          <td><input type="date" name="date" id="date" required /></td>
        </tr>
        <tr>
          <td><label for="email">email ID:</label></td>
          <td>
            <input
              type="email"
              name="usrmail"
              id="email"
              placeholder="Enter your email ID"
              required
            />
          </td>
        </tr>
        <tr>
          <td><label for="number">tel:</label></td>
          <td>
            <input
              type="tel"
              name="usrtel"
              id="number"
              placeholder="Enter your phone number"
              required
            />
          </td>
        </tr>
        <tr>
          <td>Select Food:</label></td>
          <td >
            <label for="nonveg">Non-vegetarian</label>
            <input type="radio" name="food" id="nonveg" />
            <label for="veg">Vegetarian</label>
            <input type="radio" name="food" id="veg" />
          </td>
        </tr>
        <tr>
          <td><label for="Restaurants">Select Restaurant:</label></td>
          <td>
            <select id="Restaurants">
              <option value="opt1">Select Your Restaurants</option>
              <option value="opt2">La Figa</option>
              <option value="opt3">Benihana</option>
              <option value="opt4">Gallipoli</option>
              <option value="opt5">Kings Road SteakHouse</option>
            </select>
          </td>
        </tr>
        <tr>
          <td><label for="drinks">Drinks:</label></td>
          <td>
            <select id="drinks">
              <option value="opt6">Select Your Drink</option>
              <option value="opt7">Cappuccino</option>
              <option value="opt8">Caffelatte</option>
            </select>
          </td>
        </tr>
        <tr>
          <td><label for="soups">Soups:</label></td>
          <td>
            <select id="soups" >
              <option value="opt9">Select the Soup of Your Choice</option>
              <option value="opt10">Minestrone</option>
              <option value="opt11">Fonduta</option>
              <option value="opt12">Pasta e fagioli</option>
            </select>
          </td>
        </tr>
        <tr>
          <td><label for="dishes">Dishes:</label></td>
          <td>
            <select id="dishes" multiple>
              <option value="opt13">Select the Dishes of Your Choice</option>
              <optgroup label="Italian">
                <option value="opt14">Pasta</option>
                <option value="opt15">Fish</option>
                <option value="opt16">Rice</option>
              </optgroup>
              <optgroup label="Chinese">
                <option value="opt17">Chowmein</option>
                <option value="opt18">Manchurian</option>
                <option value="opt19">Water Chessnut Cake</option>
              </optgroup>
            </select>
          </td>
        </tr>
        <tr>
          <td>Order For:</td>
          <td>
            <label for="pickup">Take Away</label>
            <input type="radio" name="pickup" id="pickup" />
            <label for="home">Home Delivery</label>
            <input type="radio" name="pickup" id="home" />
          </td>
        </tr>
      <!--   <tr>
          <td colspan="2">
            <fieldset>

        <select>
          <option value="opt1">Select Your Drink</option>
          <option value="opt2">Cappuccino</option>
          <option value="opt3">Caffelatte</option>
        </select>


        <select>
          <option value="opt4">Select the Soup of Your Choice</option>
          <option value="opt5">Minestrone</option>
          <option value="opt6">Fonduta</option>
          <option value="opt7">Pasta e fagioli</option>
        </select>

        <select>
          <option value="opt8">Select the Dishes of Your Choice.</option>
          <optgroup label="Italian">
            <option value="opt9">Pasta</option>
            <option value="opt10">Fish</option>
            <option value="opt11">Rice</option>
          </optgroup>
          <optgroup label="Chinese">
            <option value="opt12">Chowmein</option>
            <option value="opt13">Manchurian</option>
            <option value="opt14">Water Chessnut Cake</option>
          </optgroup>
        </select>
      </fieldset> -->
          </td>
        </tr>
      </table>
    </form>
  </body>
</html>
